<template>
        <div class="app3">
            孙组件1
        <h4>a:{{ a }}</h4>
        <h4>b:{{ b }}</h4>
        <h4>c:{{ c }}</h4>
        <h4>d:{{ d }}</h4>
        <h4>e:{{ e }}</h4>
        <button @click="updateA(1)">点我将祖组件那的a更新</button>
        </div>
</template>
    
<script setup lang='ts'>
import { ref } from 'vue';
defineProps(['a','b','c','d','e','updateA'])
</script>
    
<style scoped>
    .app3{
        padding: 10px;
        margin: 10px;
        background-color: orange;
        border-radius: 5px;
        box-shadow: 0 0 10px ;
    }
</style>